import React, { ReactElement } from 'react'
import { Menu } from 'antd';
import {
    TeamOutlined,
    PieChartOutlined,
    AppstoreAddOutlined,
    UserOutlined,
    HomeOutlined,
    UnorderedListOutlined,
    AppstoreOutlined
} from '@ant-design/icons';
import { Link } from 'umi'
const { SubMenu } = Menu;
interface Props {

}

export default function MyMeau({ }: Props): ReactElement {
    return (
        <Menu theme="dark" defaultSelectedKeys={['1']} mode="inline">
            <Menu.Item key="1" icon={<HomeOutlined />}>
                <Link to='/main'>首页</Link>
            </Menu.Item>
            <Menu.Item key="2" icon={<TeamOutlined />}>
                <Link to='/admin'>人员管理</Link>
            </Menu.Item>
            <Menu.Item key="7" icon={<UserOutlined />}>
                <Link to="/banner">轮播图管理</Link>
            </Menu.Item>
            <Menu.Item key="11" icon={<UserOutlined />}>
                <Link to="/meal">套餐管理</Link>
            </Menu.Item>
            <SubMenu key="sub2" icon={<AppstoreAddOutlined />} title="会员管理">
                <Menu.Item key="6" icon={<AppstoreOutlined />}>
                    <Link to='/vip'>会员列表</Link>
                </Menu.Item>
            </SubMenu>
            <SubMenu key="sub1" icon={<PieChartOutlined />} title="菜谱管理">
                <Menu.Item key="3">
                    <Link to='/product'>菜谱列表</Link>
                </Menu.Item>
                {/* <Menu.Item key="4">Bill</Menu.Item>
                <Menu.Item key="5">Alex</Menu.Item> */}
            </SubMenu>
        </Menu>
    )
}
